<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="box">box</div>
  </body>
  <script>
    // document.querySelector(".box").onclick = function () {
    //   console.log("这是有关事件的测试");
    // };
    //以事件驱动的编成机制（由对象，事件和方法三元素组成每一个都不可少）
    /* document.querySelector(".box") ：为对象
    onclick ：为事件 
    function () {
      console.log("这是有关事件的测试");
    } 为事件触发后要执行的功能性操作
    */
   function show(){
    console.log("我来秀一下");
  }
  document.querySelector(".box").onclick = show
  </script>
</html>
